.servcie-contarnier {
  width: 100%;
  height: 100vh;
  background: #f4f5fa;
  position: relative;
  .header-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 20rem;
    background: linear-gradient(
      0deg,
      #f4f5fa 0%,
      #b5cdfe 12%,
      #0065ee 35%,
      #2175ff 100%
    );
    border-radius: 0px 0px 1.5rem 1.5rem;
    z-index: 1;
  }
  .service-box {
    width: 100%;
    padding: 0 2rem;
    position: relative;
    z-index: 2;
    &-banner {
      width: 100%;
    }
    &-list {
      width: 100%;
      margin-top: 1.5rem;
      &-item {
        width: 100%;
        height: 10rem;
        padding: 0 1.5rem;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        background: #fff;
        border-radius: 1.5rem;
        margin-top: 1.5rem;
        &-img {
          width: 18%;
        }
        span {
          color: #000;
          font-weight: 400;
          font-size: 2.2rem;
          margin-left: 1.8rem;
        }
      }
    }
  }

  .loading-box {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    p {
      color: #c2c2c2;
      font-size: 2rem;
      margin-top: 1.5rem;
    }
  }
}
